<script setup >

import { useUserStore } from '../../store/'
const userStore = useUserStore();
//  const data= ref('')

const submit = () => {
  userStore.removeItem();
  uni.showToast({ title: "退出成功" })
  setTimeout(() => {

		uni.reLaunch({
			url: '/pages/index/index',
			});
	
	}, 1500);
	

 }

</script>

<template>
  <view class="page-container">
    <view class="settings-list">
      <uni-list :border="false">
        <uni-list-item title="换绑手机" to="/subpkg_user/mobile/index" show-arrow />
        <uni-list-item title="修改密码" to="/subpkg_user/password/index" show-arrow />
        <uni-list-item title="消息通知设置" to="/subpkg_user/notify/index" show-arrow />
        <uni-list-item title="清理缓存" show-arrow />
      </uni-list>
    </view>
    <button class="logout-button" @click="submit">退出</button>
  </view>
</template>

<style lang="scss" scoped>
 .page-container {
  padding: 30rpx;
  background-color:#f4f4f4;
  height: 95vh;
}

.settings-list {
  border-radius: 16rpx;
  overflow: hidden;
}

.logout-button {
  height: 100rpx;
  line-height: 100rpx;
  /* #ifdef APP */
  padding-top: 4rpx;
  /* #endif */
  margin-top: 80rpx;
  border-radius: 16rpx;
  background-color: #fff;
  color: #000;
  font-size:40rpx;
}

</style>